body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    border: none;
    font-style: normal;
    box-sizing: border-box;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
}
// html{font:16px "yahei microsoft", Arial, Helvetica,sans-serif !important;color: #333 !important;min-width:1235px;overflow:hidden;overflow-x: auto;height:100%;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 0;
    height: 0;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 0.1rem;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 0.1rem;
    -webkit-box-shadow: inset 0 0 0.06rem rgba(0,0,0,.3);
    background-color: #555;
}

/*定义placeholder */
::-webkit-input-placeholder
{
  color: #ccc;
}
input , textarea{
  background: transparent;
  -webkit-appearance: none;
  background-color: transparent;
  &:focus {
    outline: none;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
textarea{
  resize: none;
}

html,body{
  position: relative;
  min-width: 300px;
  height: 100%;
  font: normal normal 0.28rem/1.15 helvetica ;
  color: #282a2a;
  // background-color: #f0f0f0;
  background-color: #f8f8f8;
}
body.noscroll{
  overflow: hidden;
}
// 解决uc浏览器底部多出一整屏高度的问题
#app , .APP{
  width: 100%;
  height: 100%;
}

a {
  color: #333;
}
// 左右间距
.gutter {
  padding: 0 0.24rem;
}
sup , sub{
  font-size: 0.14rem;
}
img {
  border:none;
  display: block;
  width: 100%;
}
a{
  color:#333;
}

.clear:after, .clear:before{
  content: '';
  display: table;
  clear: both;
}

.clear{
  zoom:1;
}

.back_img{
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.margin{
  margin: 0 auto;
}

.left{
  float: left;
}

.right{
  float: right;
}

.hide{
  display: none !important;
}

.show{
  display: block !important;
}

.vt {
  vertical-align: top;
}

.ct {
  text-align: center;
}
.lt {
  text-align: left;
}
.rt {
  text-align: right;
}
.bold{
  font-weight: bold;
}
// 一行文字
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
// 两行文字
.doubleellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

// 控制未编译的表达式不显示
[v-cloak] {
  display: none;
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
  .border-1px {
    &::after {
      -webkit-transform: scaleY(0.7);
      transform: scaleY(0.7);
    }
  }
}
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
  .border-1px{
    &::after{
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
    }
  }
}
@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
  .border-1px{
    &::after{
      -webkit-transform: scaleY(0.34);
      transform: scaleY(0.34);
    }
  }
}

